<div class="content-all-left">
    <div class="content-outer-small">
        <div class="content-inner-small">
            <div class="title_border-small">
                <h1>Forms &amp; Tabs <span>Template</span></h1>
            </div>
            <div class="contact_form">
                <form id="contactForm" action="mail.php" method="post">
                    <fieldset>
                        <ul>
                            <li>
                                <div class="form-input-box">
                                    <label class="text">Text Field :</label>
                                    <input class="text" name="name" id="name" type="text">
                                </div>
                                <div class="form-message"><span class="validate valid">Text has validated</span></div>
                            </li>
                            <li>
                                <div class="form-input-box">
                                    <label class="text">Radio Buttons :</label>
                                    <div class="custom-radio"><input type="radio" name="radio_btn" id="radio-1" value="1"><label for="radio-1" class="">all orders</label></div>

                                    <div class="custom-radio"><input type="radio" name="radio_btn" id="radio-2" value="2"><label for="radio-2" class="">pending</label></div>

                                    <div class="custom-radio"><input type="radio" name="radio_btn" id="radio-3" value="3"><label for="radio-3" class="">unshipped</label></div>

                                    <div class="custom-radio"><input type="radio" name="radio_btn" id="radio-4" value="4"><label for="radio-4" class="checked">shipped</label></div>

                                </div>
                            </li>
                            <li>
                                <div class="form-input-box">
                                    <label class="text">Check Boxes :</label>
                                    <div class="custom-checkbox"><input type="checkbox" name="chk_box" id="check-1" value="action"><label for="check-1" class="checked">all orders</label></div>

                                    <div class="custom-checkbox"><input type="checkbox" name="chk_box" id="check-2" value="comedy"><label for="check-2" class="checked">pending</label></div>

                                    <div class="custom-checkbox"><input type="checkbox" name="chk_box" id="check-3" value="epic"><label for="check-3" class="checked">unshipped</label></div>

                                    <div class="custom-checkbox"><input type="checkbox" name="chk_box" id="check-4" value="science"><label for="check-4" class="checked">shipped</label></div>

                                </div>
                            </li>
                            <li>
                                <div class="form-input-box">
                                    <label class="text">DHTML Dropdown :</label>
                                    <select class="select" name="subject" id="subject" style="display: none;">
                                        <option value="General Inquiry" selected="selected">&nbsp;&nbsp;General Inquiry</option>
                                        <option value="Programming Related Question">&nbsp;&nbsp;Programming Related Question</option>
                                        <option value="Website Quote Request">&nbsp;&nbsp;Website Quote Request</option>
                                        <option value="Feedback">&nbsp;&nbsp;Feedback</option>
                                        <option value="Help and Support">&nbsp;&nbsp;Help and Support</option>
                                    </select><div id="subject_jlb" class="jlb_class"><a id="asubject_jlb" href="#"> &nbsp;&nbsp;General Inquiry</a><ul id="dropdown" style="display: none;"><li rel="General Inquiry" class="selected" id="li_1"> &nbsp;&nbsp;General Inquiry</li><li rel="Programming Related Question" '="" id="li_2"> &nbsp;&nbsp;Programming Related Question</li><li rel="Website Quote Request" '="" id="li_3"> &nbsp;&nbsp;Website Quote Request</li><li rel="Feedback" '="" id="li_4"> &nbsp;&nbsp;Feedback</li><li rel="Help and Support" '="" id="li_5"> &nbsp;&nbsp;Help and Support</li></ul></div>
                                </div>
                                <div class="form-message"><span class="validate invalid">Text has not validated</span></div>
                            </li>
                            <li>
                                <div class="form-input-box">
                                    <label class="text">Large textarea :</label>
                                    <textarea name="message" id="large_message" cols="30" rows="5"></textarea>
                                </div>
                            </li>
                            <li>
                                <div class="form-input-box">
                                    <label class="text">With Buttons :</label>
                                    <div class="button-box">
                                        <ul class="mc-menu">
                                            <li><a href="#"><strong>B</strong></a></li>
                                            <li><a href="#"><i>i</i></a></li>
                                            <li><a href="#">u</a></li>
                                            <li><a href="#">Code</a></li>
                                            <li><a href="#">List</a></li>
                                            <li><a href="#">List=</a></li>
                                            <li><a href="#">[*]</a></li>
                                            <li><a href="#">URL</a></li>
                                            <li><a href="#">Img</a></li>
                                        </ul>
                                    </div>
                                    <div class="textarea-box">
                                        <textarea name="message" id="withbuttons_message" cols="30" rows="5"></textarea>
                                    </div>
                                </div>
                            </li>
                            <li class="message">
                                <div class="form-input-box">
                                    <label class="text">&nbsp;</label>
                                    <div class="submit_form"><span><span>
                                                <input class="submit" type="submit" name="" value="Submit button" id="submit_form">
                                            </span></span></div>
                                </div>
                                <div class="form-message"><span class="validate submit">Please fill in all the fields</span></div>
                            </li>
                        </ul>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>